<header>
	<div class="header">
		<div class="container p-0">
			<div class="clearfix">
				<ul class="breadcrumb float-left mb-0 p-0">
					<li class="breadcrumb-item"><a href="index.html">小米商场</a></li>
					<li class="breadcrumb-item"><a href="javascript:;">MIUI</a></li>
					<li class="breadcrumb-item"><a href="javascript:;">loT</a></li>
					<li class="breadcrumb-item"><a href="javascript:;">云服务</a></li>
					<li class="breadcrumb-item"><a href="javascript:;">金融</a></li>
					<li class="breadcrumb-item"><a href="javascript:;">有品</a></li>
					<li class="breadcrumb-item"><a href="javascript:;">小爱开发平台</a></li>
					<li class="breadcrumb-item"><a href="javascript:;">企业团购</a></li>
					<li class="breadcrumb-item"><a href="javascript:;">资质证照</a></li>
					<li class="breadcrumb-item"><a href="javascript:;">协议规范</a></li>
					<li class="breadcrumb-item"><a href="javascript:;">下载app</a></li>
					<li class="breadcrumb-item"><a href="javascript:;">Select Region</a></li>
				</ul>
				<ul class="breadcrumb float-right mb-0 p-0">
					<li class="breadcrumb-item"><a href="javascript:;">登录</a></li>
					<li class="breadcrumb-item"><a href="javascript:;">注册</a></li>
					<li class="breadcrumb-item pr-3"><a href="javascript:;">消息通知</a></li>
					<li class="shopping"><a href="shopping.html" class="d-block pl-5 pr-4 pb-1">购物车(0)</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="container px-0">
		<div class="navbar px-0 py-0">
			<div class="col-1 pl-0">
				<a href="index.html"></a>
			</div>
			<ul class="col-8 d-flex  justify-content-around mb-0 text-dark" id="header_top">
				<li class="pare py-3" >
					<a href="javascript:;">全部商品分类</a>
				<div class="pare1">
					<ul class="dropdown-content">
						<li class="w-25"><a href="javascript:;"><img src="../img/index/320.png" alt="">小米CC9美图定制版</a></li>
						<li class="w-25"><a href="javascript:;"><img src="../img/index/CC9E-320.png" alt="">小米cc9e</a></li>
						<li class="w-25"><a href="javascript:;ad.html"><img src="../img/index/mi9-320.png" alt="">小米9</a></li>
						<li class="w-25"><a href="javascript:;"><img src="../img/index/888.jpg" alt="">小米8 屏幕指纹版</a></li>
					</ul>
				</div>
					<!--
					<li class="pare">
						<a href="javascript:;">全部商品分类</a>
						<ul class="list-unstyled">
							<li></li>
						</ul> -->
				</li>
				<li class="pare py-3">
					<a href="ad.html">小米手机</a>
				<div class="pare1">
					<ul class="dropdown-content">
						<li class="w-25"><a href="javascript:;"><img src="../img/index/320.png" alt="">小米CC9美图定制版</a></li>
						<li class="w-25"><a href="javascript:;"><img src="../img/index/CC9E-320.png" alt="">小米cc9e</a></li>
						<li class="w-25"><a href="javascript:;ad.html"><img src="../img/index/mi9-320.png" alt="">小米9</a></li>
						<li class="w-25"><a href="javascript:;"><img src="../img/index/888.jpg" alt="">小米8 屏幕指纹版</a></li>
					</ul>
				</div>
				</li>
				<li class="pare py-3">
					<a href="javascript:;">Redmi红米</a>
				<div class="pare1">
					<ul class="dropdown-content">
						<li class="w-25"><a href="javascript:;"><img src="../img/index/320.png" alt="">小米CC9美图定制版</a></li>
						<li class="w-25"><a href="javascript:;"><img src="../img/index/CC9E-320.png" alt="">小米cc9e</a></li>
						<li class="w-25"><a href="javascript:;ad.html"><img src="../img/index/mi9-320.png" alt="">小米9</a></li>
						<li class="w-25"><a href="javascript:;"><img src="../img/index/888.jpg" alt="">小米8 屏幕指纹版</a></li>
					</ul>
				</div>
				</li>
				<li class="pare py-3">
					<a href="javascript:;">电视</a>
				<div class="pare1">
					<ul class="dropdown-content">
						<li class="w-25"><a href="javascript:;"><img src="../img/index/320.png" alt="">小米CC9美图定制版</a></li>
						<li class="w-25"><a href="javascript:;"><img src="../img/index/CC9E-320.png" alt="">小米cc9e</a></li>
						<li class="w-25"><a href="javascript:;ad.html"><img src="../img/index/mi9-320.png" alt="">小米9</a></li>
						<li class="w-25"><a href="javascript:;"><img src="../img/index/888.jpg" alt="">小米8 屏幕指纹版</a></li>
					</ul>
				</div>
				</li>
				<li class="pare py-3">
					<a href="javascript:;">笔记本</a>
				<div class="pare1">
					<ul class="dropdown-content">
						<li class="w-25"><a href="javascript:;"><img src="../img/index/320.png" alt="">小米CC9美图定制版</a></li>
						<li class="w-25"><a href="javascript:;"><img src="../img/index/CC9E-320.png" alt="">小米cc9e</a></li>
						<li class="w-25"><a href="javascript:;ad.html"><img src="../img/index/mi9-320.png" alt="">小米9</a></li>
						<li class="w-25"><a href="javascript:;"><img src="../img/index/888.jpg" alt="">小米8 屏幕指纹版</a></li>
					</ul>
				</div>
				</li>
				<li class="pare py-3">
					<a href="javascript:;">家电</a>
				<div class="pare1">
					<ul class="dropdown-content">
						<li class="w-25"><a href="javascript:;"><img src="../img/index/320.png" alt="">小米CC9美图定制版</a></li>
						<li class="w-25"><a href="javascript:;"><img src="../img/index/CC9E-320.png" alt="">小米cc9e</a></li>
						<li class="w-25"><a href="javascript:;ad.html"><img src="../img/index/mi9-320.png" alt="">小米9</a></li>
						<li class="w-25"><a href="javascript:;"><img src="../img/index/888.jpg" alt="">小米8 屏幕指纹版</a></li>
					</ul>
				</div>
				</li>
				<li class="pare py-3">
					<a href="javascript:;">路由器</a>
				<div class="pare1">
					<ul class="dropdown-content">
						<li class="w-25"><a href="javascript:;"><img src="../img/index/320.png" alt="">小米CC9美图定制版</a></li>
						<li class="w-25"><a href="javascript:;"><img src="../img/index/CC9E-320.png" alt="">小米cc9e</a></li>
						<li class="w-25"><a href="javascript:;ad.html"><img src="../img/index/mi9-320.png" alt="">小米9</a></li>
						<li class="w-25"><a href="javascript:;"><img src="../img/index/888.jpg" alt="">小米8 屏幕指纹版</a></li>
					</ul>
				</div>
				</li>
				<li class="pare py-3">
					<a href="javascript:;">智能硬件</a>
				</li>
				<li class="pare py-3">
					<a href="javascript:;">服务</a>
				</li>
				<li class="pare py-3">
					<a href="javascript:;">社区</a>
				</li>
			</ul>
			
			
			<div class="col-3  text-right p-0">
				<input class="w-75"><a href="javascript:;" class="px-2"></a>
			</div>
			<!-- <div id="tab" class="mt-5 bg-dark">
				<ul>
					<li>111</li>
					<li>111</li>
					<li>111</li>
				</ul>
			</div> -->
		</div>
	</div>
</header>